@CHARSET "UTF-8";

/**
 * Fixes
 */
/* Scrollbars always visible */
	HTML { 
		overflow-y:scroll; 
	}
/* remove dotted border at firefox and ie */
	*:focus { 
		outline: none; 
	}
	A {
	    outline:none; /* FF1.5+ IE7+*/
	    -moz-outline: /* FF<=1.5*/
	}
/**
 * Default HTML Elements
 */
	BODY {
		/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
		font-family: Verdana;
		font-size: 10px;
		background-color: #000;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	BODY, UL, LI, H1, H2 {
		padding: 0px;
		margin: 0px;
	}
	A {
		text-decoration: none;
		color: #8e9498;
	}
	A:hover {
		text-decoration: underline !important;
	}
	A:focus {
		text-decoration: none;
	}
	A.ingameHelp IMG {
		border: 0;
	}
	A.bgLink {
		background-position: top;
	}
	A.bgLink:hover, A.bgLink.active {
		background-position: center;
	}
	A.bgLink:active {
		background-position: bottom;
	}
	
	UL, OL {
		list-style-type: none;
	}
	TABLE {
		border-collapse: collapse;
	}
	TABLE TD {
		padding:0px;
		margin:0px;
	}
	TABLE.p0 TD {
		padding: 0px !important;
	}
	TABLE TD.p13, TABLE TH.p13 {
		padding-left: 13px !important;
	}
	TABLE TD.p13r{
		padding-right: 13px !important;
	}
	FORM {
		padding: 0px;
		margin: 0px;
	}

/**
 * Page Container
 */
	DIV#page {
		position: absolute;
		top: 59px;
		left: 50%;
		margin-left: -494px;
		width : 988px;
		min-height: 500px;
		text-align: left;
	}
	DIV#head {
		position: absolute;
		left: 50%;
		margin-left: -494px;
		height: 35px;
		width : 932px;
		line-height: 28px;
		padding: 0px 28px;
		margin-bottom: 24px;
	}
	DIV#navigation {
		float:left; 
		height: 72px;
	}
	DIV#informations {
		float:left; 
		height: 49px;
	}
	DIV#contentASDF {
		float:left;
		padding: 0px 15px;
		width: 958px;
		background-color: #000;
	}
	DIV#footer {
		float:left;
		padding: 27px 36px 0px 36px;
		height: 125px;
		width: 916px;
	}
/**
 * Navigation
 */
	DIV#navigation DIV.helper {
		position: relative;
		overflow: hidden;
		height: 72px;
	}
	DIV#navigation DIV.helper A {
		position: relative;
		cursor: pointer;
	}
	DIV#navigation DIV.helper A:hover {
		top: -72px;
	}
	DIV#navigation DIV.helper A.active, DIV#navigation A.active:hover {
		top: -144px !important;
	}	
	DIV#navigation DIV, DIV#navigation A
	{
		text-decoration: none !important;
		float:left;
		height: 216px;
	}
	DIV#navigation DIV.planet {
		width: 285px;
	}
	DIV#navigation DIV.planet A.icon {
		float:left;
		position: relative;
		border: 0;
		top: -5px;
		width: 74px;
		height: 74px;
		margin-left: 35px;
	}
	DIV#navigation DIV.planet A {
		float:left;
		width: 148px;
		height: 65px;
		line-height: 65px;
		margin-left: 15px;
	}
	DIV#navigation DIV.planet A.enabled {
		background-position: right -65px;
	}
	DIV#navigation DIV.planet A.enabled:hover {
		background-position: right -130px;
	}
	DIV#navigation A.item {
		width: 172px;
	}
	DIV#navigation A.item_right {
		width: 187px;
	}
	DIV#navigation A.item DIV, DIV#navigation A.item_right DIV {
		float: none;
		margin-left: 43px;
		width: 28px;
		height: 72px;
		line-height: 58px;
	}

/**
 * Informations
 */
	DIV#informations DIV, DIV#informations A {
		float:left;
		height: 49px;
	}
	DIV#informations DIV.left {
		width: 42px;
	}
	DIV#informations DIV.resource {
		padding-left: 44px;
		width: 521px;
	}
	DIV#informations DIV.energyLeft {
		width: 31px;
	}
	DIV#informations DIV.energyRight {
		width: 34px;
	}
	DIV#informations DIV.energyRight A {
		background-position: left 0px;
		margin-top: 31px;
		display: block;
		width: 17px;
		height: 18px;
	}
	DIV#informations DIV.energyRight A:hover {
		background-position: left -18px;
	}
	DIV#informations A {
		text-decoration: none !important;
		height: 49px;
		background-position: left -49px;
	}
	DIV#informations A#incomingAttack {
		width: 32px;
	}
	DIV#informations A#incomingSupport {
		width: 35px;
	}
	DIV#informations A#outgoingAttack {
		width: 36px;
	}
	DIV#informations A#outgoingSupport {
		width: 42px;
	}
	DIV#informations A#planetFleet {
		width: 76px;
	}
	DIV#informations A.disabled {
		background-position: left 0px;
	}
	DIV#informations A.active {
		background-position: left -98px;
	}
	DIV#informations A.active:active {
		background-position: left -147px;
	}
	DIV#informations A.energy {
		background-position: left 0px;
		line-height: 41px;
		width: 95px;
	}
	DIV#informations A.energyRed {
		background-position: left -49px;
		line-height: 41px;
		width: 95px;
		color: #e70a0a !important;
	}
	DIV#informations DIV.resource DIV {
		width: 138px;
	}
	DIV#informations DIV.resource DIV.bar {
		height: 12px;
	}
	DIV#informations DIV.resource DIV.helper {
		position: relative;
		height: 12px;
		width: 131px;
		overflow:hidden;
	}
	DIV#informations DIV.resource DIV.left {
		width: 7px;
	}
	DIV#informations DIV.resource DIV.full {
		position: relative;
		width: 131px;
	}
	DIV#informations DIV.resource DIV.margin {
		margin-right: 39px;
	}
	DIV#informations DIV.resource A.arrow {
		background-position: left 0px;
		display: block;
		float:right;
		margin-top: 19px;
		width: 28px;
		height: 18px;
	}
	DIV#informations DIV.resource A.arrow:hover {
		background-position: left -18px;
	}
	
/**
 * Ressourcebar
 */
	DIV#resourceBar {
		position: absolute;
		z-index: 1;
		top: 86px;
		left: 50%;
		width: 492px;
		height: 31px;
		margin-left: -180px;
	}
	DIV#resourceBar DIV.icon {
		float:left;
		width: 33px;
		height: 31px;
	}
	DIV#resourceBar DIV.count {
		float:left;
		width: 99px;
		height: 31px;
		line-height: 31px;
	}
	DIV#resourceBar DIV.margin { 
		margin-right: 39px;
	}
/**
 * Icons
 */
	.helpIcon {
 		display: block;
 		width: 21px;
 		height: 21px;
 		background-position: 0px 0px;
 	}
 	.helpIcon:hover {
 		background-position: 0px -21px;
 	}
	.fleet1, .fleet2, .fleet3, .fleet_1, .fleet_2, .fleet_3  {
    	width: 40px;
    	height: 25px;
    	background-repeat: no-repeat;
		cursor: help;
	} 
	.fleetPos1 { background-position: 0px 0; } 
	.fleetPos2 { background-position: -41px 0; } 
	.fleetPos3 { background-position: -82px 0; } 
	.fleetPos4 { background-position: -123px 0; } 
	.fleetPos5 { background-position: -164px 0; } 
	.fleetPos6 { background-position: -205px 0;	} 
	.fleetPos7 { background-position: -246px 0; } 
	.fleetPos8 { background-position: -287px 0; } 
	.fleetPos9 { background-position: -328px 0; } 
	.fleetPos10 { background-position: -369px 0; } 
	.fleetPos11 { background-position: -410px 0; } 
	.fleetPos12 { background-position: -451px 0; }
	
	.statusIcon {
		width: 16px;
		height: 16px;
 		display: block;
 		background-position: 0px 0px;
	}
	.friendIcon {
		width: 8px;
		height: 13px;
 		display: block;			
	}
	.addFriendIcon {
		width: 19px;
		height: 18px;
 		display: block;			
	}
	.statusIdle {
		background-position: 0px 0px;
	}
	.statusUnAvailable {
		background-position: 0px -16px;
	}
	.statusPending {
		background-position: 0px -16px;
	}
	.statusOffline {
		background-position: 0px -48px;
	}
	.statusAvailable {
		background-position: 0px -32px;
	}
	.closeIcon {
		display: block;
		width: 13px;
		height: 14px;
	}
/**
 * Map
 */
	DIV#map {
		position: relative;
		width: 958px;
		height: 459px;
		background-color: #000;
	}
	DIV#map DIV#mapContent {
		position: absolute;
		top: 3px;
		right: 3px;
		width: 766px;
		height: 459px;
		z-index: 10;
	}
	DIV#map DIV#mapInfo {
		position: absolute;
		top: 3px;
		left: 3px;
		width: 186px;
		height: 452px;
	}
	DIV#map DIV#mapInfo H1 {
		line-height: 48px;
		margin-bottom: 18px;
	}
	DIV#map DIV#mapInfo DIV.mapInfoItem {
		cursor: default;
		padding-top:3px;
		width: 176px;
		height: 41px;
		overflow:hidden;
		margin-bottom:4px;
		margin-left: 5px;
	}
	DIV#map DIV#mapInfo DIV.active {
		background-color: #202426;
	}
	DIV#map DIV#mapInfo DIV.mapInfoItem:hover {
		padding-top:1px;
		width: 174px;
		height: 42px;
		margin-bottom:3px;
	}
	DIV#map DIV#mapInfo TABLE {
		margin-left: 11px;
		width: 145px;
	}
	DIV#map DIV#mapInfo TABLE TR TD.number {
		width: 16px;
		background-repeat: no-repeat;
	}
	DIV#map DIV#mapInfo TABLE TR TD.pos1 { background-position: 0px center; }
	DIV#map DIV#mapInfo TABLE TR TD.pos2 { background-position: -16px center; }
	DIV#map DIV#mapInfo TABLE TR TD.pos3 { background-position: -32px center; }
	DIV#map DIV#mapInfo TABLE TR TD.pos4 { background-position: -48px center; }
	DIV#map DIV#mapInfo TABLE TR TD.pos5 { background-position: -64px center; }
	DIV#map DIV#mapInfo TABLE TR TD.pos6 { background-position: -80px center; }
	DIV#map DIV#mapInfo TABLE TR TD.pos7 { background-position: -96px center; }
	DIV#map DIV#mapInfo TABLE TR TD.pos8 { background-position: -112px center; }
	
	DIV#map DIV#mapInfo DIV.mapInfoItem:hover TABLE {
		margin-left: 10px;
	}
	DIV#map DIV#mapInfo TABLE DIV.planetName {
		overflow: hidden;
		width: 88px;
	}
	DIV#map DIV#mapInfo TABLE DIV.playerName {
		overflow: hidden;
		width: 79px;
	}
	DIV#map DIV.gridX {
		/* display: none; */
		cursor: default;
		position: absolute;
		z-index: 10000;
		top: 3px;
		right: 40px;
		width: 728px;
		height: 30px;
	}
	DIV#map DIV.gridX DIV.coord {
		margin-left: 2px;
		float:left;
		width: 102px;
		height: 30px;
		line-height: 30px;
		text-align:center;
		background-color: #0a0b0d;
	}
	DIV#map DIV.gridX DIV.highlight {
		width: 100px;
		height: 28px;
		line-height: 28px;
	}	
	DIV#map DIV.gridY {
		/* display: none; */
		cursor: default;
		position: absolute;
		z-index: 10000;
		top: 38px;
		right: 3px;
		width: 30px;
		height: 469px;
	}
	DIV#map DIV.corner {
		position: absolute;
		z-index: 10000;
		top: 3px;
		right: 3px;
		width: 35px;
		height: 35px;
		line-height: 30px;
	}
	DIV#map DIV.gridY DIV.coord {
		margin-top: 2px;
		width: 30px;
		height: 83px;
		line-height: 83px;
		text-align:center;
		background-color: #0a0b0d;
	}
	DIV#map DIV.gridY DIV.highlight {
		width: 28px;
		height: 81px;
		line-height: 81px;
	}
	DIV#map DIV#mapNaviSmall {
		display: block;
		position: absolute;
		z-index: 10001;
		top: 62px;
		right:62px;
		left: auto;
		width: 144px;
		height: 144px;
	}
	DIV#map DIV#mapNaviSmall A, DIV#map DIV#mapNaviSmall DIV {
		position: absolute;
		display: block;
	}
	DIV#map DIV#mapNaviSmall DIV#naviDrag {
		z-index: 10010;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
		top: 50%;
		left: 50%;
	}
	DIV#map DIV#mapNaviSmall A#naviPageLeft {
		top: 51px;
		left: 1px;
		width: 38px;
		height: 42px;
		background-position: -720px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageLeft:hover {
		background-position: -758px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageLeft:active {
		background-position: -796px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageRight {
		top: 51px;
		right: 1px;
		width: 37px;
		height: 42px;
		background-position: -252px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageRight:hover {
		background-position: -289px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageRight:active {
		background-position: -326px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageUp {
		top: 0;
		left: 52px;
		width: 42px;
		height: 37px;
		background-position: 0px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageUp:hover {
		background-position: -42px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageUp:active {
		background-position: -84px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageDown {
		bottom: 1px;
		left: 52px;
		width: 42px;
		height: 37px;
		background-position: -468px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageDown:hover {
		background-position: -510px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviPageDown:active {
		background-position: -552px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviLeft {
		z-index: 10000;
		top: 51px;
		left: 0px;
		width: 72px;
		height: 42px;
		background-position: 0px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviLeft:hover {
		background-position: -72px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviLeft:active {
		background-position: -144px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviRight {
		z-index: 10002;
		top: 51px;
		right: 0px;
		width: 72px;
		height: 42px;
		background-position: -216px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviRight:hover {
		background-position: -288px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviRight:active {
		background-position: -360px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviUp {
		top: 0px;
		left: 51px;
		width: 42px;
		height: 72px;
		background-position: -432px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviUp:hover {
		background-position: -474px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviUp:active {
		background-position: -516px 0px;
		z-index: 10001;
	}
	DIV#map DIV#mapNaviSmall A#naviDown {
		bottom: 0px;
		left: 51px;
		width: 42px;
		height: 72px;
		background-position: -558px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviDown:hover {
		background-position: -600px 0px;
	}
	DIV#map DIV#mapNaviSmall A#naviDown:active {
		background-position: -642px 0px;
		z-index: 10001;
	}
	DIV#map DIV#orbInformation {
		display: none;
	}
	
	DIV#map DIV#orbInformation H1#headlinePlanetName {	
		position: absolute;
		z-index: 10000;
		top: 25px;
		left: 230px;
	}
	DIV#map DIV#orbInformation P#planetDescription {
		position: absolute;
		z-index: 10000;
		top: 50px;
		left: 230px;
		width: 400px;
	}
	DIV#map DIV#orbInformation DIV.dialog {
		z-index: 10000;
		top: 25px;
		right: 42px;
		width: 260px;
		display: block;
	}
	DIV#map DIV#orbInformation DIV.dialog DIV.content {
		height: 385px;		
	}
	DIV#map DIV#orbInformation DIV.dialog DIV.content TABLE TD {
		padding-top: 10px;
	}
	DIV#mapToolbar {
		width: 958px;
		height: 56px;
	}
	DIV#mapToolbar TABLE {
		margin-left: 570px;
		height: 56px;
	}
	DIV#map A#tradeResources, DIV#map A#sendFleet, DIV#map A#colonize, DIV#map A#recycle {
		display: none;
		float: right;
		margin-left: 10px;
	}
	DIV#map A#zoomOut {
		position: absolute;
		z-index : 10000;
		display: none;
		top: 413px;
		left: 200px;
		width: 45px;
		height: 43px;
	}
	DIV#map A#tradeResources {
		width: 67px;
		height: 43px;
	}
	DIV#map DIV#buttonsRight {
		display: none;
		position: absolute;
		z-index: 10000;
		top:413px;
		right: 310px;
		height: 43px;
		width: 300px;
	}
	DIV#map A#recycle {
		width: 67px;
		height: 43px;
	}
	DIV#map A#colonize {
		width: 67px;
		height: 43px;
	}
	DIV#map A#sendFleet {
		width: 67px;
		height: 43px;
	}
	DIV#map A#zoomOut:hover, DIV#map A#tradeResources:hover, DIV#map A#sendFleet:hover, DIV#map A#colonize:hover, DIV#map A#recycle:hover {
		background-position: 0px -43px;
	}
	DIV#map A#zoomOut:active, DIV#map A#tradeResources:active, DIV#map A#sendFleet:active, DIV#map A#colonize:active, DIV#map A#recylce:active {
		background-position: 0px -86px;
	}
	DIV#map DIV#mapNaviBig {
		position: absolute;
		az-index: 10000;
		top: 34px;
		left: 192px;
		width: 733px;
		height: 427px;
	}
	DIV#map DIV#mapNaviBig A {
		display: block;
		position: absolute;
		z-index: 10000;
	}
	DIV#map DIV#mapNaviBig A DIV {
		position: absolute;
		display: none;
	}
	DIV#map DIV#mapNaviBig A:hover DIV {
		display: block;
	}
	DIV#map DIV#mapNaviBig A#naviLeftBig, DIV#map DIV#mapNaviBig A#naviRightBig {
		width: 51px;
		height: 131px;
		top: 143px;
	}
	DIV#map DIV#mapNaviBig A#naviLeftBig DIV, DIV#map DIV#mapNaviBig A#naviRightBig DIV {
		width: 41px;
		height: 71px;
		top: 30px;
	}
	DIV#map DIV#mapNaviBig A#naviLeftBig {
		left:0px;
	}
	DIV#map DIV#mapNaviBig A#naviLeftBig DIV {
		left:0px;
		background-position: -366px 0px;		
	}
	DIV#map DIV#mapNaviBig A#naviLeftBig:active DIV {
		background-position: -407px 0px;		
	}
	DIV#map DIV#mapNaviBig A#naviRightBig {
		right:0px;
	}
	DIV#map DIV#mapNaviBig A#naviRightBig DIV {
		right:0px;
		background-position: -284px 0px;
	}
	DIV#map DIV#mapNaviBig A#naviRightBig:active DIV {
		background-position: -325px 0px;
	}
	DIV#map DIV#mapNaviBig A#naviUpBig, DIV#map DIV#mapNaviBig A#naviDownBig {
		width: 131px;
		height: 51px;
		left: 301px; 
	}
	DIV#map DIV#mapNaviBig A#naviUpBig DIV, DIV#map DIV#mapNaviBig A#naviDownBig DIV {
		width: 71px;
		height: 41px;
		left: 30px; 
	}
	DIV#map DIV#mapNaviBig A#naviUpBig {
		top:0px;
	}
	DIV#map DIV#mapNaviBig A#naviUpBig DIV {
		top:0px;
		background-position: 0px 0px;
	}
	DIV#map DIV#mapNaviBig A#naviUpBig:active DIV {
		background-position: -71px 0px;
	}
	DIV#map DIV#mapNaviBig A#naviDownBig {
		bottom:0px;
	}
	DIV#map DIV#mapNaviBig A#naviDownBig DIV {
		bottom:0px;
		background-position: -142px 0px;
	}
	DIV#map DIV#mapNaviBig A#naviDownBig:active DIV {
		background-position: -213px 0px;
	}
	
/**
 * Fleet table
 */
	DIV.fleetTable {
		float:left; 
		width: 700px;
		background-position: 2px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV.fleetTable TABLE {
		float:left; 
		width: 100%;
		margin: 2px 0px 0px 2px;
	}
	DIV.fleetTable TABLE TR TD, DIV.fleetTable TABLE TR TH {
		padding: 5px;
		border-left: 1px solid #363636;
	}
	DIV.fleetTable TABLE TR TH {
		text-align: center;
	}
	DIV.fleetTable TABLE TR TD.energy {
		padding-left: 25px;
		background-position: 10px 2px;
	}
	DIV.fleetTable TABLE TR TD.spacer {
		padding: 0px;
		height: 1px !important;
		background-color: #363636;
	}
	DIV.fleetTable TABLE TR TD.emptySpacer {
		padding: 0px;
		height: 1px !important;
	}
	DIV.fleetTable TABLE TR TD.fleet {
		padding: 3px;
	}
	DIV.fleetTable TABLE TR TD.p5 {
		padding-left: 5px !important;
	}
	DIV.fleetTable TABLE TR TD IMG {
		width: 40px;
		height: 25px;
	}
/**
 * planet surface
 */
	DIV#planetSurface {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	DIV#planetSurface IMG#areaMapPlane {
		position: relative;
		z-index: 200;
		width: 100%;
		height:100%;
		border: 0;
	}
	DIV#planetSurface DIV.circle {
		position: absolute;
		width: 320px;
		height: 270px;
	}
	DIV#planetSurface A.building {
		display: block;
		width: 320px;
		height: 60px;
		padding-top: 210px;
		text-align: center;
		background-repeat: no-repeat;
	}
	DIV#planetSurface A.highlight {
		background-position: center -270px !important;		
	}
	DIV#planetSurface A.upgrade {
		background-position: center -540px;		
	}
	DIV#planetSurface A.first {
		background-position: center -810px;		
	}
	DIV#planetSurface A.highlightFirst {
		background-position: center -1080px;
	}
	DIV#buildingQueue {
		z-index: 300;
		top: 400px;
		left: 50%;
		width: 600px;
		margin-left: -300px;
	}
	
/**
 * Frame
 */
	DIV.frame {
 		width: 824px;
 		margin: 0px 65px;
 	}
/**
 * Building page
 */
 	DIV#building {
 		width: 958px;
 		float:left; 
 	}
	DIV.informationBuilding {
		width: 581px;
		height: 235px;
	}
	DIV.informationBuilding DIV.top {
		width: 531px;
		height: 43px;
		line-height: 43px;
		margin-left: 4px;
		padding-left: 25px;
		padding-right: 15px;
	}
	DIV.informationBuilding DIV.top DIV.level {
		margin-top: 10px;
		width: 51px;
		height: 25px;
		line-height: 25px;
	}
	DIV.informationBuilding DIV.top DIV.help {
		width: 20px;
		height: 37px;
		padding-top: 12px;
		padding-left: 12px;
	}
	DIV.informationBuilding DIV.content {
		width: 531px;
		height: 120px;
		margin-left: 4px;
		padding: 25px 20px 0px 20px;
	}
	DIV#newBuidling DIV.informationBuilding DIV.content {
		height: 90px !important;
		padding: 10px 20px 0px 20px !important;
		overflow: hidden;
	}
	DIV.informationBuilding DIV.tile {
		height: 3px;
		width: 573px;
		margin-left: 3px;
		background-repeat: no-repeat;
	}
	DIV.informationBuilding DIV.content P {
		margin: 0px;
		line-height: 20px;
	}
	DIV.informationBuilding DIV.bottom {
		width: 571px;
		height: 47px;
		line-height: 40px;
		margin-left: 4px;
	}
	DIV#newBuidling DIV.informationBuilding DIV.bottom {
		height: 40px;
	}
	DIV.informationBuilding DIV.bottom DIV.energy {
		float:left;
		padding-left: 40px;
		margin-right: 10px;
		height: 40px;
		background-position: 11px 8px;
	}
	DIV.informationBuilding DIV.bottom DIV.level {
		float:left;
		margin-left: 17px;
		margin-right: 16px;
		height: 47px;
		background-position: 11px 8px;
	}
	DIV.informationBuilding DIV.bottom DIV.bar {
		float:left;
		height: 47px;
	}
	DIV.informationBuilding DIV.bottom DIV.bar DIV {
		margin-right: -1px;
		float:left;
		width: 11px;
		height: 47px;
		background-position: 0px 11px;
	}
	DIV.informationBuilding DIV.bottom DIV.bar DIV.active {
		background-position: -11px 11px;
	}
	DIV.informationBuilding DIV.bottom DIV.help {
		width: 32px;
		height: 37px;
		padding-top: 10px;
		padding-left: 6px;
	}
	DIV.informationBuilding DIV.bottom DIV.arrow {
		width: 16px;
		height: 47px;
		background-position: 0px 1px;
	}
	DIV.imageBuilding {
		position: relative;
		width: 237px;
		height: 236px;
	}
	DIV.imageBuilding DIV {
		position: relative;
		width: 237px;
		height: 236px;
		background-position: 9px 8px;
		background-repeat: no-repeat;
	}
	DIV.imageBuilding A.upgrade {
		display: block;
		position: absolute;
		top: 2px;
		right: 8px;
		width: 59px;
		height: 26px;
		background-position: 0px 0px;
	}
	DIV.imageBuilding A.upgrade:hover {
		background-position: 0px -26px;
	}
	DIV.imageBuilding A.upgrade:active {
		background-position: 0px -52px;
	}
	DIV.imageBuilding A.zoom {
		display: block;
		position: absolute;
		bottom: 19px;
		left: 16px;
		width: 15px;
		height: 15px;
		background-position: 0px 0px;
	}
	DIV#newBuidling DIV.imageBuilding A.zoom {
		right: 18px;
		left: auto;
	}
	DIV.imageBuilding A.zoom:hover {
		background-position: 0px -15px;
	}
	DIV#building DIV.upgradeTop {
		width: 824px;
		height: 41px;
	}
	DIV#building DIV.upgradeTop DIV.arrow {
		width: 16px;
		height: 41px;
		background-position: 0px 3px;
	}
	DIV#building DIV.upgradeTop DIV.upgradeTo {
		padding-left: 24px;
		height: 41px;
		line-height: 41px;
	}
	DIV#building DIV.upgradeTop DIV.upgrade {
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 15px;
		width: 51px;
		height: 25px;
		line-height: 25px;
	}
	DIV#building DIV.upgradeTop DIV.resource {
		margin-left: 5px;
		padding-left: 32px;
		padding-right: 10px;
		height: 41px;
		line-height: 41px;
		background-position: 0px 7px;
	}
	DIV#building DIV.upgradeTop A.npc {
		display: block;
		margin-left: 5px;
		width: 31px;
		height: 22px;
		margin-top: 12px;
		background-position: left top;
	}
	DIV#building DIV.upgradeTop A.npc:hover {
		background-position: left bottom;
	}
	DIV#building DIV.upgradeTop A.info {
		display: block;
		margin-right: 15px;
		width: 37px;
		height: 21px;
		margin-top: 12px;
		background-position: left top;
	}
	DIV#building DIV.upgradeTop A.info:hover {
		background-position: left bottom;
	}
	DIV#building DIV.upgradeDivider {
		width: 824px;
		height: 2px;
		background-repeat: no-repeat;
		background-position : 2px top;
	}
	DIV#building DIV.upgradeCenter {
		width: 824px;
		background-repeat: repeat-y;
		background-position : 2px top;
	}
	DIV#building DIV.upgradeCenter TABLE {
		margin: 25px 40px;
	}
	DIV#building DIV.upgradeCenter TR TD {
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	DIV#building A.upgradeBottom {
		display: block;
		width: 824px;
		height: 46px;
		line-height: 30px;
		text-align: center;
		font-size: 12px;
		font-weight: bolder;
		color: #d40a0a;
		background-position: top;
	}
	DIV#building A.upgradeBottom:hover {
		background-position: center;
		color: #d40a0a;
		text-decoration: none !important;
	}
	DIV#building A.upgradeBottom:active {
		background-position: bottom;
		color: #d40a0a;
	}
	
	DIV#newBuidling UL.resourceCost {
		float:left;
		color: #fff;
		font-size: 10px;
		margin-top: 6px !important;
		margin-left: 5px;
	}
	DIV#newBuidling A.upgrade {
		display: block;
		width: 569px;
		height: 27px;
		line-height: 27px;
		margin-left: 5px;
		text-align: center;
		font-size: 12px;
		font-weight: bolder;
	}
	DIV#newBuidling A.error {
		cursor: default;
		color: #d40a0a !important;
	}
	DIV#newBuidling A.error:hover {
		color: #d40a0a !important;
	}
	DIV#newBuidling A.upgrade:hover {
		text-decoration: none !important; 	
	}
/**
 * Building Fleetbase
 */
	DIV#building DIV.fleetbaseSlots {
		width: 200px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		margin-top: 10px;
		margin-left: 300px;
		background-position: -340px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	/*send*/
	DIV#fleetBase LABEL {
		margin-bottom: 4px;
		height: 14px;
		line-height: 14px;
		float:left;
	}
	DIV#fleetBase A.radioButton {
		margin-bottom: 4px;
		clear:left;
		margin-right: 5px;
	}
/**
 * Building Mine
 */
	DIV#mine {
	}
	DIV#mine IMG.building {
		width: 150px;
		height: 136px;
		margin-left: 130px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	DIV.collectMenu {
		width: 290px;
		padding: 10px;
		float:right;
		background-position: -220px 2px;
		background-color: #000;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV.collectMenu H2 {
		height: 32px;
		line-height: 25px;
		padding-left: 35px;
	}
	DIV.collectMenu UL LI {
		height: 25px;
		margin-bottom: 2px;
	}
	DIV.collectMenu UL LI A {
		width: 255px;
		float:left;
		display: block;
		padding-left: 35px;
	}
	DIV.collectMenu UL LI.total A {
		margin-top: 5px;
		padding-top: 5px;
		border-top: 1px solid #3f4041;	
	}
	DIV.collectMenu UL LI A SPAN {
		height: 25px;
		line-height: 25px;
		display: block;
		padding: 0px 5px;
	}
	DIV.collectMenu UL LI A SPAN.left {
		width: 125px;
		white-space: nowrap;
		overflow: hidden;
	}
	DIV.collectMenu UL LI A SPAN.right {
		text-align: right;
		width: 109px;
		overflow: hidden;
	}
	DIV.collectMenu UL LI A:hover {
		text-decoration: none !important;
		cursor: pointer;
		color: #8E9498;
	}
	DIV.collectMenu UL LI.total A:hover {
		cursor: default;
	}
	DIV.collectMenu UL LI A:hover SPAN {
		height: 23px;
		line-height: 23px;
	}
	DIV.collectMenu UL LI.total A:hover SPAN {
		border: 0 !important;
		background: none !important;
		height: 25px;
		line-height: 25px;
	}
	DIV.collectMenu UL LI A:hover SPAN.left {
		padding-left: 4px;
	}
	DIV.collectMenu UL LI A:hover SPAN.right {
		padding-right: 4px;
	}
	DIV.collectMenu UL LI.total A:hover SPAN.left {
		padding-left: 5px;
	}
	DIV.collectMenu UL LI.total A:hover SPAN.right {
		padding-right: 5px;
	}
/**
 * Building Shipyard
 */	
 	TABLE.shipYard {
 	}
	TABLE.shipYard TD.image {
		width: 200px;
		height: 125px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	TABLE.shipYard TD.image DIV.fakeDiv {
		position: relative;
		width: 200px;
		height: 125px;
	}
	TABLE.shipYard TD.image A.helpIcon {
		position: absolute;
		right: 3px;
		bottom: -3px;
	}
	TABLE.shipYard TD.desc {
		padding: 0px;
		height: 50px;
	}
	TABLE.shipYard TD.divider {
		padding: 0px;
		height: 20px;
		line-height: 20px;
	}
	TABLE.shipYard TD.desc DIV.left, TABLE.shipYard TD.desc DIV.right {
		float:left;
		width: 4px;
		height: 44px;
	}
	TABLE.shipYard TD.desc DIV.tile {
		float:left;
		height: 44px;
		line-height: 44px;
		padding-left: 10px;
	}
	TABLE.shipYard TD.desc A.npc {
		margin-left: 5px;
		display: block;
		width: 54px;
		height: 52px;	
	}
	TABLE.shipYard TD.desc DIV.tile H1 {
		float:left;
		font-size: 14px;
		font-wegiht: bolder;	
	}
	TABLE.shipYard TD.desc DIV.arrow {
		margin: 0px 5px;
		float:right;
		width: 7px;
		height: 44px;	
	}
	TABLE.shipYard TD.desc DIV.div {
		margin: 0px 5px;
		float:right;
		width: 1px;
		height: 44px;	
	}
	TABLE.shipYard TD.desc DIV.attribute {
		margin: 0px 5px;
		float:right;
		padding-top: 28px;
		height: 16px;
		width: 30px;
		line-height: 11px;
		text-align: center;
		background-position: center 5px;
		background-repeat: no-repeat;
		font-weight: bolder;
		font-size: 11px;
	}
	TABLE.shipYard TD.build DIV.execute {
		width: 230px;
		float:right;
		margin-right: 5px;
	}
	TABLE.shipYard TD.build DIV.execute DIV {
		float:left;
		height: 24px;
	}
	TABLE.shipYard TD.build DIV.execute INPUT {
		margin-top: 3px;
		margin-top: 2px!
	}
	TABLE.shipYard TD.build DIV.execute DIV.tile SPAN {
		cursor: pointer;
	}
	TABLE.shipYard TD.build DIV.execute DIV.left {
		width: 4px;
	}
	TABLE.shipYard TD.build DIV.execute DIV.tile {
		margin-right: 14px;
		padding-right: 5px;
		font-size: 10px;
		line-height: 18px;
	}
	TABLE.shipYard TD.build DIV.execute FORM {
		float:left;
	}
	TABLE.shipYard TD.build DIV.execute A.executeButton {
		float:left;
		padding-right: 14px;
		background-position: right 0px;
		background-repeat:no-repeat;
		text-decoration: none !important;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height:24px;
		text-align: center;
	}
	TABLE.shipYard TD.build DIV.execute A.executeButton SPAN {
		float:left;
		display: block;
		padding-right: 14px;
		margin-left: -14px;
		height:24px;
		background-position: left 0px;
		background-repeat:no-repeat;
	}
	TABLE.shipYard TD.build DIV.execute A.executeButton:hover {
		background-position: right -24px;
	}
	TABLE.shipYard TD.build DIV.execute A.executeButton:hover SPAN {
		background-position: left -24px;
	}
	TABLE.shipYard TD.build DIV.execute A.executeButton:active {
		background-position: right -48px;
	}
	TABLE.shipYard TD.build DIV.execute A.executeButton:active SPAN {
		background-position: left -48px;
	}
	TABLE.shipYard TD UL.resourceCost {
		font-weight: bolder;
		font-size: 11px !important;
		float:left;
	}
	TABLE.shipYardQueue TD {
		height: 19px;
		line-height: 19px;
	}
	TABLE.shipYardQueue TD.image {
	}
		
/**
 * Messages
 */
	DIV#messages {
		width: 824px;
	}
	DIV#messages DIV.navigation {
		width: 790px;
		padding-left: 20px;
		padding-top: 10px;
		height:35px;
		line-height: 32px;
	}
	DIV#messages DIV.navigation A.page, DIV#messages DIV.navigation A.pageActive {
		float:left;
		margin-left: 5px;
		font-size: 12px;
	}
	DIV#messages TABLE TD.status {
		padding: 0px;
		text-align: center;
	}
	DIV#messages TABLE TD.status DIV {
		margin: 0px auto;
		width: 14px;
		height: 14px;
		background-position: top;
	}
	DIV#messages TABLE TD.status DIV.active {
		margin: 0px auto;
		width: 14px;
		height: 14px;
		background-position: bottom;
	}
	DIV.tableInset TABLE TR .p13 {
		padding-left: 13px;
	}
	DIV.tableInset TABLE TBODY TR TD.left {
		width: 22px;
		padding-left: 8px;
	}
	DIV.tableInset TABLE.hover TBODY TR TD.left {
		padding-left: 7px;
	}
	DIV.tableInset DIV.bottom A.checkbox {
		margin-top: 4px;
		margin-right: 4px;
	}
	DIV#messages DIV.statusIcon {
		margin-left: 26px;
		margin-right: 5px;
	}
	DIV#messages DIV.friendIcon {
		margin-right: 5px;
	}
	DIV#messages DIV.addFriendIcon {
		margin-top: 7px;
		margin-right: 5px;
	}
	DIV#messages INPUT.addFriend {
		margin-top: 5px;
		margin-right: -10px;
	}
	DIV#messages UL.filter {
		margin-top: 24px;
		margin-left: 40px;
	}
/**
 * Statistic
 */
	DIV#statistic TABLE TBODY TR.highlight TD {
		background-color: #222;
	}
	
/**
 * Filter-Navigation
 */ 
	DIV.filterNavigation {
		width: 824px;
	}
	DIV.filterNavigation DIV.navigation {
		width: 790px;
		padding-left: 20px;
		padding-top: 10px;
		height:35px;
		line-height: 32px;
	}
	DIV.filterNavigation DIV.navigation A.page, DIV.filterNavigation DIV.navigation A.pageActive {
		float:left;
		margin-left: 5px;
		font-size: 12px;
	}
	DIV.filterNavigation TABLE TD.status {
		padding: 0px;
		text-align: center;
	}
	DIV.filterNavigation TABLE TD.status DIV {
		margin: 0px auto;
		width: 14px;
		height: 14px;
		background-position: top;
	}
	DIV.filterNavigation TABLE TD.status DIV.active {
		margin: 0px auto;
		width: 14px;
		height: 14px;
		background-position: bottom;
	}
	DIV.filterNavigation TABLE TR .p13 {
		padding-left: 13px;
	}
	DIV.filterNavigation TABLE TBODY TR TD.left {
		width: 22px;
		padding-left: 8px;
	}
	DIV.filterNavigation TABLE TBODY TR:hover TD.left {
		padding-left: 7px;
	}
	DIV.filterNavigation DIV.bottom A.checkbox {
		margin-top: 4px;
		margin-right: 4px;
	}
	DIV.filterNavigation DIV.statusIcon {
		margin-left: 26px;
		margin-right: 5px;
	}
	DIV.filterNavigation DIV.friendIcon {
		margin-right: 5px;
	}
	DIV.filterNavigation DIV.addFriendIcon {
		margin-top: 7px;
		margin-right: 5px;
	}
	DIV.filterNavigation INPUT.addFriend {
		margin-top: 5px;
		margin-right: -10px;
	}
	DIV.filterNavigation INPUT.lowerInput {
		margin-top: 5px;
		margin-right: -10px;
	}
	DIV.filterNavigation UL.filter {
		margin-top: 24px;
		margin-left: 40px;
	}

/**
 * Metall Content
 */
	DIV.metallContent {
		color: #fff;
		width: 824px;
	}
	DIV.metallContent DIV.top {
		background-repeat: no-repeat;
		height: 69px;
	}
	DIV.metallContent DIV.center {
		float:left; 
	}
	DIV.metallContent DIV.center DIV.content {
		float:left; 
		position: relative;
		width: 764px;
		padding-left: 30px;
		padding-right: 30px;
	}
	DIV.metallContent DIV.center DIV.content H1 {
		color: #fff;
		font-size: 14px;
		margin-bottom: 12px;
		font-weight: bold;
	}
	DIV.metallContent DIV.center DIV.content H2 {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 12px;
		font-weight: bold;
	}
	DIV.metallContent DIV.bottom {
		float:left;
		width: 824px;
		height: 16px;
	}
	DIV.metallContent DIV.center DIV.content DIV.fleetTable {
		width: 755px;
	}
	DIV.metallContent UL.tabs {
		width: 815px;
		margin-left: 2px;
		margin-right: 7px;
		margin-top: 2px;
	} 
/**
 * Table
 */
	DIV.tableInset {
		width: 824px;
	}
	DIV.tableInset DIV.content {
		padding-top: 2px;
		background-repeat: repeat-x;
		padding-left: 4px;
		width: 813px;
		background-color: #000;	
	}
	DIV.tableInset DIV.bottom {
		background-repeat: repeat-x;
		height: 24px;
		line-height: 24px;
		padding-left: 4px;
		width: 803px;
		padding-left: 8px;
		border-left: 1px solid #2b2f33;
		border-right: 1px solid #131517;
	}
	DIV.tableInset TABLE {
		border-collapse:separate;
		width: 813px;
		border-left: 1px solid #2b2f33;
		border-right: 1px solid #131517;
		
	}
	DIV.tableInset TABLE THEAD {
		height: 22px;
	}
	DIV.tableInset TABLE THEAD TR TH {
		font-size: 12px;
		apadding-left: 12px;
		height: 22px;
	}
	DIV.tableInset TABLE THEAD TR TH.borderLeft {
		border-left: 2px solid #000;
	}
	DIV.tableInset TABLE TBODY {
		
	}
	DIV.tableInset TABLE TBODY TR TD {
		height: 24px;
		line-height: 24px;
	}
	DIV.tableInset TABLE.hover TBODY TR:hover TD {
		color: #fff;
		height: 22px;
		line-height: 22px;
	}
	DIV.tableInset TABLE.hover TBODY TR:hover TD.left {
		width: 21px;
	}
	DIV.tableInset TABLE.hover TBODY TR:hover TD.right {
		margin-right: -1px;
	}
/**
 * Background texture
 */
	DIV.textureTop {
 		height: 30px;
		width: 958px; 
 	}
	DIV.textureCenter { 
 		float:left;
		width: 958px;
		padding-bottom: 8px; 
 	}
	DIV.textureBottom {
		width: 958px;
 		height: 21px;
 	}
/**
 * Tabs, Filter
 */
	UL.tabs, UL.filter {
		float:left; 
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	UL.tabs LI, UL.filter LI {
		float:left;
	}
	UL.tabs LI A {
		font-size : 12px;
		font-weight: bold;
		color: #5e5e5e;
		display: block;
		height: 38px;
		line-height: 38px;
		text-align: center;
		text-decoration: none !important;
	}
	UL.tabs LI A.normal {
		width: 167px;
	}
	UL.tabs LI A:hover {
		color: #fff !important;
	}
	UL.tabs LI A.left {
		width: 169px;
	}
	UL.tabs LI A.buddy {
		width: 40px;
	}  
	UL.tabs LI A.notepad {
		width: 41px;
	}
	UL.filter LI {
		margin-right: 25px;
	}   
	UL.filter LI A {
		cursor: pointer;
		float:left;
		height: 26px;
		font-weight: bold;
		color: #fff;
		text-decoration: none !important;
	}
	UL.filter LI A SPAN {
		float:left;
		display: block;
		height: 26px;
		line-height: 26px;
	}
	UL.filter LI A:hover {
		text-decoration: none !important;
		color: #fff !important;
	}
	UL.filter LI A:hover SPAN.left, UL.filter LI A:hover SPAN.right {
		background-position: left center;
	}
	UL.filter LI A:hover SPAN.center {
		background-position: center center;
	}
	UL.filter LI A:hover SPAN.center {
		background-position: center center;
	}
	UL.filter LI A:focus SPAN.left, UL.filter LI A:focus SPAN.right {
		background-position: left bottom;
	}
	UL.filter LI A:focus SPAN.center {
		background-position: center bottom;
	}
	UL.filter LI.active A SPAN.left, UL.filter LI.active A SPAN.right {
		background-position: left bottom;
	}
	UL.filter LI.active A SPAN.center {
		background-position: center bottom;
	}
	UL.filter LI A SPAN.left, UL.filter LI A SPAN.right {
		width: 14px;
		background-position: left top;
	}
	UL.filter LI A SPAN.center {
		text-align: center;
		padding: 0px 12px;
		background-position: center top;
	}
/**
 * Planet Surface
 */
	DIV#planetSurface {
		width: 958px;
		height: 1005px;
	}
/**
 * form elements
 */
	INPUT.formsA {
		display: none;
	}
	SELECT.formSelect {
		opacity: 0;
		filter: alpha(opacity=0);
		position: relative;
		z-index: 5;
	}
	A.checkbox {
		float:left;
		display: block;
		width: 14px;
		height: 13px;
		background-position: 0px 0px;
	}
	A.checkbox:hover {
		background-position: 0px -13px;
	}
	A.radioButton {
		float:left;
		display: block;
		width: 14px;
		height: 14px;
		background-position: 0px 0px;
	}
	A.radioButton:hover {
		background-position: 0px -14px;
	}
	A.selectBox {
		position: absolute;
		display: block;
		width: 14px;
		height: 18px;
		line-height: 18px;
		background-position: right top;
		border-left: 1px solid #dedede;
		color: #000;
		font-size: 12px;
		padding-left: 5px;
	}
	A.selectBoxHover {
		background-position: right center;
	}
	A.selectBoxPressed {
		background-position: right bottom;
	}
	A.buttonPrev, A.buttonPrevDisabled {
		float:left;
		display: block;
		width: 34px;
		height: 36px;
	}
	A.buttonNext, A.buttonNextDisabled {
		float:left;
		display: block;
		width: 36px;
		height: 36px;
	}
	A.buttonPrev, A.buttonNext {
		background-position: 0px -72px;		
	}
	A.buttonPrev:hover, A.buttonNext:hover {
		background-position: 0px -36px;		
	}
	A.buttonPrev:active, A.buttonNext:active {
		background-position: 0px -108px;		
	}
	A.buttonPrevDisabled, A.buttonNextDisabled {
		background-position: 0px 0px;
	}
	A.buttonStd {
		float:left;
		padding: 0px 29px 0px 0px;
		background-position: right 0px;
		background-repeat:no-repeat;
		text-decoration: none !important;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height:36px;
	}
	A.buttonStd SPAN {
		float:left;
		display: block;
		padding-right: 29px;
		margin-left: -10px;
		height:36px;
		background-position: left 0px;
		background-repeat:no-repeat;
	}
	A.buttonStd:active {
		background-position: right -36px;
	}
	A.buttonStd:active SPAN {
		background-position: left -36px;
	}
	A.buttonStd DIV.checkbox, A.buttonStd DIV.radioButton {
		margin-top: 10px;
		margin-left: -8px;
		margin-right: 6px;
		float:left;
	}
	A.buttonStd DIV.checkbox {
		width: 14px;
		height: 13px;
		line-height: 13px;
	}
	A.buttonStd DIV.radioButton {
		width: 14px;
		height: 14px;
		line-height: 14px;
	}
	INPUT.text {
		height: 22px;
		line-height: 22px;
		border: 1px solid #dedede;
		background-color: #fff;
	}
	INPUT.text.normal {
		width: 100px;
		height: 18px;
		line-height: 18px;
	}
	INPUT.text.small {
		width: 50px;
		height: 18px;
		line-height: 18px;
	}
	INPUT.text.vsmall {
		width: 35px;
		height: 18px;
		line-height: 18px;
		border: 1px solid #dedede;
		background-color: #fff;
	}
	
	
	INPUT.textMini, INPUT.textShort, INPUT.textMedium, INPUT.textLong {
		height: 17px;
		border: 0;
		padding: 1px 3px 0px 5px;
		margin: 0px;
		background: url('<path-to-your-directory>/resources/img/interface/forms/text/small.jpg');
		border-right: 1px solid #000;
		font-size: 11px;
	}
	INPUT.textMini {
		width: 30px;
	}
	INPUT.textShort {
		width: 50px;
	}
	INPUT.textMedium {
		width: 100px;
	}
	INPUT.textLong {
		width: 150px;
	}
	SELECT.supportSelect {
		width: 400px;
	}
/**
 * Message forms
 */
	LABEL.formMessageLabel {
		height: 26px;
		line-height: 26px;
		font-weight: bold;
		font-size: 12px;
		display: block;
		width: 100px;
		text-align: right;
		padding-right: 10px;
	}
	A.formMessageInput {
		display: block;
		width: 600px;
		height: 26px;
		background-position: right 0px;
		background-repeat: no-repeat;
		padding-right: 25px;
	}
	A.formMessageInput:hover, A.formMessageTextarea:hover {
		text-decoration: none !important;
		background-position: right bottom;
	}
	A.formMessageInput INPUT {
		float:left;
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		color: white;
		padding-top: 5px;
		padding-bottom: 6px;
		padding-left: 10px;
		background-position: left 0px;
		background-repeat: no-repeat;
		height: 15px;
		border: 0;
		background-color: transparent;
		margin: 0px;
	}
	A.formMessageInput:hover INPUT {
		background-position: left bottom;
	}
	DIV.messageTextArea {
	 	width: 609px;
		height: 357px;
		background-position: right 0px;
		background-repeat: no-repeat;
		padding-right: 15px;
	 }
	 DIV.messageTextAreaFocus {
		background-position: right bottom;
	 }
	 DIV.messageTextAreaFocus DIV {
	 	background-position: left bottom !important;
	 }
	 DIV.messageTextArea DIV {
	 	width: 597px;
		height: 357px;
		background-position: left 0px;
		background-repeat: no-repeat;
		background-color: transparent;
		padding-left: 12px;
	 }
	 DIV.messageTextArea DIV TEXTAREA {
		font-family: Verdana, Tahoma, Arial;
		height: 333px;
		width: 597px;
		border: 0;
		margin: 0px;
		padding: 0px;
		overflow:auto;
		background: none;
		line-height: 24px;
		font-size: 12px;
		font-weight: bold;
		color: white;
	}
	/* nur fuer Opera */
	@media screen and (min-width: 0px){
		DIV.messageTextArea DIV TEXTAREA { 
			margin-top: 6px; 
			overflow: hidden;
		}
	}
	@-moz-document url-prefix()	{
		DIV.messageTextArea DIV TEXTAREA {
			overflow:auto;
		}
	}
/**
 * Dialog
 */
	DIV.dialog {
		position:absolute;
		z-index: 10010;
		width:500px;
		color: #fff;
		display: none;
	}
	DIV.dialog DIV.content {
		color:#FFFFFF;
		margin-right:15px;
	}
	DIV.dialog div.tLeft {
		height:32px;
		margin-right:15px;
	}
	DIV.dialog div.tRight {
		position:relative;
		right: -15px;
		height:32px;
	}
	DIV.dialog div.mLeft {
		margin-right:15px;
	}
	DIV.dialog div.mRight {
		position:relative;
		right: -15px;
	}
	DIV.dialog div.bLeft {
		height:21px;
		margin-right:15px;
	}
	DIV.dialog div.bRight {
		height:21px;
		position:relative;
		right: -15px;
	}
/**
 * Dialog content
 */
	DIV.troopInfo {
		display: none;
	}
	DIV.troopInfo A {
		display: block;
		height: 22px;
		line-height: 22px;
		padding-left: 5px;
		cursor: pointer;
		background-position: left -44px;
	}
	DIV.troopInfo A SPAN.floatRight {
		background-position: right -44px;
		padding-right: 5px;
	}
	DIV.troopInfo A:hover {
		text-decoration: none !important;
		background-position: left 0px;
	}
	DIV.troopInfo A:hover SPAN.floatRight {
		background-position: right -22px;
	}
	DIV.troopInfo A:focus {
		text-decoration: none !important;
		background-position: left -22px;
	}
	DIV.troopInfo A:focus SPAN.floatRight {
		background-position: right -22px;
	}
/**
 * Overlay
 */
	DIV.overlay {
		position: absolute;
		z-index: 20000;
		top: 50px;
		left: 50%;
		margin-left: -370px;
		width: 745px;
		display: none;
	}
	DIV.overlay DIV.top {
		height: 94px;
	}
	DIV.overlay DIV.info {
		overflow: hidden;
		float: left;
		width: 429px;
		height: 148px;
		padding: 10px 20px 15px 20px;
	}
	DIV.overlay DIV.info {
		line-height: 20px;	
	}
	DIV.overlay DIV.attributes {
		width: 672px;
		height: 46px;
	}
	DIV.overlay DIV.attributes DIV {
		float:left;
		height: 46px;
		line-height: 46px;
		padding-left: 28px;
		background-repeat:no-repeat;
		background-position: 5px center;
		font-weight: bolder;
		font-size: 12px;
	}
	DIV.overlay DIV.description {
		width: 669px;
		padding: 10px;
		background-position: -220px 2px;
		background-color: #000;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV.overlay DIV.description DIV.resource {
		height: 32px; 		
		line-height: 32px;
		padding-left: 35px;
		padding-right: 5px;
		background-position: left center;
		background-repeat: no-repeat;
		font-size:12px;
		font-weight: bolder;
		float:left;
	}
	DIV.overlay DIV.description H2 {
		font-size: 12px;
		color: #fff;
		margin-bottom: 5px;
	}
	DIV.overlay DIV.description UL {
		list-style-type: disc;
	}
	DIV.overlay DIV.description UL LI {
		font-size: 12px;
		padding: 2px;
		margin-left : 20px;	
	}
	DIV.overlay DIV.image {
		margin-top: 2px;
		margin-right: 11px;
		float: right;
		width: 189px;
		height: 172px;
	}
	DIV.overlay DIV.image DIV {
		width: 189px;
		height: 172px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	DIV.overlay DIV.top DIV.divider {
		height: 2px;
		line-height: 2px;
		font-size: 2px;
		background-repeat: no-repeat;
	}
	DIV.overlay DIV.top H1 {
		padding-left: 30px;
		height: 41px;
		line-height: 45px;
		font-size: 14px;
		color: #fff;
	}
	DIV.overlay DIV.top A.close {
		margin-top: 5px;
		margin-right: 28px;
		display: block;
		width: 40px;
		height: 36px;
		background-repeat: no-repeat;
	}
	DIV.overlay DIV.top UL {
		float:left;
		padding-left: 5px;
		margin-top: -2px;
	}
	DIV.overlay DIV.top UL LI {
		float:left;
	}
	DIV.overlay DIV.top UL LI A {
		display: block;
		height: 38px;
		line-height: 38px;
		text-align: center;
		font-size: 12px;
		font-weight: bolder;
		text-decoration: none;
	}
	DIV.overlay DIV.top UL LI A.active { 
		background-position: left bottom;
	}
	DIV.overlay DIV.top UL LI A:hover {
		text-decoration: none !important;
	}
	DIV.overlay DIV.top UL LI.first A {
		width: 169px;
	}
	DIV.overlay DIV.top UL LI.item A {
		width: 167px;
	}
	DIV.overlay DIV.center {
		width: 723px;
		padding-left: 22px;
		padding-bottom: 20px;
	}
	DIV.overlay DIV.content {
		width: 683px;
	}
	DIV.overlay DIV.center DIV.glassTop {
		width: 683px;
		height: 26px;
	}
	DIV.overlay DIV.center DIV.glassCenter {
		apadding: 0px 25px 0px 20px;
		width: 683px;
	}
	DIV.overlay DIV.center DIV.glassCenter P {
		width: 638px;
		font-size: 12px;
		line-height: 20px;
		text-align: justify;
		padding: 0px;
		margin: 0px;
		margin-left: 17px;
	}
	DIV.overlay DIV.center DIV.glassCenter IMG {
		width: 667px;
		height: 325px;
		margin-left: 7px;
	}
	DIV.overlay DIV.center DIV.glassBottom {
		width: 683px;
		height: 29px;
	}
	DIV.overlay DIV.bottom {
		position:relative;
		height: 28px;
	}
/**
 * Quests
 */
	DIV#questOverlay DIV.top DIV.divider {
		margin-left: 6px;
	}
	DIV#questContent DIV.info {
		width: 439px;
		height: 148px;
	}
	DIV#questScroll {
		position: relative;
		height: 140px;
		overflow:hidden;
	}
	DIV#questScroll P {
		padding: 0px;
		margin: 0px;
		margin-right: 25px; 
		position: absolute;
		top: 0px;
	}
	DIV#questContent DIV.image {
		margin-top: 0px;
		margin-right: 8px;
		width: 189px;
		height: 172px;
	}
	DIV#questContent DIV.image DIV {
		text-align: center;
		line-height: 305px;
	}
	DIV#questContent DIV.fleetTable {
		border-bottom: 1px solid #2a2a2c;
		width: 671px;
	}
	DIV#questContent DIV.fleetTable TABLE TR TD {
		border: 0 !important;
		padding: 20px;	
	}
	DIV#questContent DIV.fleetTable TABLE TR TD.tdLeft {
		line-height: 24px;
	}
	DIV.highlighSpacer {
		height: 2px;
		line-height: 2px;
		font-size: 2px;
		padding: 0px;
	}  
	DIV#questBar {
		position: absolute;
		top: 19px;
		right: 0px;
		width: 18px;
		height: 102px;
	}
	A#questDot {
		display: block;
		position: absolute;
		width: 12px;
		height: 29px;
		margin-left: 3px;
		background-position: left top;	
	}
	A#questDot:hover {
		background-position: left bottom;
	}
	A#scrollUp, A#scrollDown {
		position: absolute;
		right: 0px;
		display: block;
		width: 18px;
		height: 19px;
		background-position: left top;
	}
	A#scrollUp {
		top: 0px;
	}
	A#scrollDown {
		top: 121px;
	}
	A#scrollUp:hover, A#scrollDown:hover {
		background-position: left bottom;
	}
/**
 * resourceCost
 */
	UL.resourceCost {
		
	}
	UL.resourceCost LI {
		float:left;
		height: 32px;
		line-height: 32px;
		padding-left: 32px;
		padding-right: 10px;
	}
	UL.resourceCost LI.npc {
		padding: 0px;		
	}
	UL.resourceCost LI.npc A {
		display: block;
		margin-top: 7px;
		width: 31px;
		height: 22px;
		background-position: left top;
	}
	UL.resourceCost LI.npc A:hover {
		background-position: left bottom;
	}
/*		Slider		*/ 
	DIV.slider {
	    width: 40px;
	    width: 189px;
		background-repeat: no-repeat;
		background-position: left center;
	} 
	A.sliderKnob {
		display: block;
    	height: 26px;
    	width: 40px;
	}
	DIV.slideContainerVertical {
		position: relative;
		width: 27px;
		height: 189px;
	}
	DIV.slideContainerHorizontal {
		position: relative;
		width: 347px;
		height: 27px;
	}
	DIV.sliderVert {
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		width: 27px;
		height: 189px;
		background-position: 5px top;
		background-repeat: no-repeat;
	}
	DIV.sliderVertHighlight {
		position: absolute;
		z-index: 2;
		bottom: 0px;
		left: 0px;
		width: 27px;
		height: 0px;
		background-position: 5px bottom;
		background-repeat: no-repeat;
	}
	A.sliderVertKnob {
		position: absolute;
		z-index: 3;
		display: block;
		width: 27px;
		height: 40px;
		background-position: left top;
	}
	A.sliderVertKnob:hover, A.sliderHoriKnob:hover {
		background-position: left center;
	}
	A.sliderVertKnob:active, A.sliderVertKnob:focus, A.sliderHoriKnob:active, A.sliderHoriKnob:focus {
		background-position: left bottom;
	}
	DIV.sliderHori {
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		width: 347px;
		height: 27px;
		background-position: left 5px; 
		background-repeat: no-repeat;
	}
	DIV.sliderHoriHighlight {
		position: absolute;
		z-index: 2;
		bottom: 0px;
		left: 0px;
		width: 0px;
		height: 27px;
		background-position: left 5px;
		background-repeat: no-repeat;
	}
	A.sliderHoriKnob {
		position: absolute;
		z-index: 3;
		display: block;
		width: 40px;
		height: 27px;
		background-position: left top;
	}
/**
 * black overlay
 */
	DIV#blackOverlay {
		display: none;
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background-color: #000;
		z-index: 1000;
	}
	DIV#lockOverlay {
		display: block;
		position: absolute;
		z-index : 1002;
		left: 50%;
		top : 50%;
		margin-left: -370px;
		margin-top: -250px;
		width: 741px;
		height: 500px;
	}
/**
 * Elements
 */
	DIV.boxArrowRight {
		float:left;
	}
	DIV.boxArrowRight DIV {
		background-repeat: no-repeat;
		padding-top: 18px;
		height: 56px;
	}
	DIV.boxArrowRight DIV.left {
		width: 6px;
		float:left;
	}
	DIV.boxArrowRight DIV.center {
		padding-left:20px;
		padding-right:20px;
		text-align:center;
		background-color: #000;
		min-width: 120px;
		float:left;
	}
	DIV.boxArrowRight DIV.center SPAN {
		display: block;
		line-height: 16px;	
	}
	DIV.boxArrowRight DIV.right {
		float:left;
		width: 24px;
	}
	DIV.boxArrowRight DIV.center SPAN.big, DIV.boxArrowLeft DIV.center SPAN.big {
		font-size: 22px;
		line-height: 26px;
	}
	DIV.boxArrowRight DIV.center SPAN.small, DIV.boxArrowLeft DIV.center SPAN.small {
		font-size: 12px;
		line-height: 16px;
	}
	DIV.boxArrowLeft {
		float:left;
	}
	DIV.boxArrowLeft DIV {
		background-repeat: no-repeat;
		padding-top: 18px;
		height: 56px;
	}
	DIV.boxArrowLeft DIV.left {
		width: 21px;
		float:left;
	}
	DIV.boxArrowLeft DIV.center {
		padding-left:20px;
		padding-right:20px;
		text-align:center;
		min-width: 120px;
		float:left;
		background-color: #000;
	}
	DIV.boxArrowLeft DIV.center SPAN {
		display: block;
		line-height: 16px;	
	}
	DIV.boxArrowLeft DIV.right {
		float:left;
		width: 5px;
		font-size: 1px;
	}
	DIV.zekElement {
		float:left;
		width: 214px;
		height: 154px;
	}
	TABLE.fieldSet {
		awidth: 400px;
	}
	TABLE.fieldSet TR TD {
		padding: 0px;
		margin: 0px;
	} 
	TABLE.fieldSet TR.up TD, TABLE.fieldSet TR.down TD {
		height: 6px;
		line-height: 6px;
		font-size: 1px;
	}
	DIV.graphicCountDown {
		width: 220px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	A.toggleCategorie {
		display: block;
		width. 40px;
		height: 39px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	A.toggleCategorie:hover {
		background-position: left center;
	}
	
	A.buttonDisable {
		display: block;
		margin-left: 5px;
		padding: 0px 5px 0px 0px;
		background-position: right 0px;
		background-repeat:no-repeat;
		text-decoration: none !important;
		color: #727b83;
		font-size: 11px;
		font-weight: bold;
		line-height:25px;
		text-align:center;
		cursor: default;
	}
	A.buttonDisable:hover {
		color: #727b83 !important;
	}
	A.buttonDisable SPAN {
		float:left;
		display: block;
		padding-right: 5px;
		margin-left: -5px;
		height:25px;
		background-position: left 0px;
		background-repeat:no-repeat;
	}
	A.buttonNormal, A.buttonError {
		display: block;
		margin-left: 5px;
		padding: 0px 5px 0px 0px;
		background-position: right 0px;
		background-repeat:no-repeat;
		text-decoration: none !important;
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		line-height:28px;
		text-align:center;
	}
	A.buttonError {
		cursor: default;
	}
	A.buttonNormal:hover {
		background-position: right -28px;
	}
	A.buttonNormal:hover SPAN {
		background-position: left -28px;
	}
	A.buttonNormal SPAN, A.buttonError SPAN {
		float:left;
		display: block;
		padding-right: 5px;
		margin-left: -5px;
		height:28px;
		background-position: left 0px;
		background-repeat:no-repeat;
	}	
	A.buttonError:hover {
		color: #fff !important;
	}
	DIV.graphicBar {
		width: 87px;
		height: 115px;
	}
	DIV.graphicBar DIV {
		width: 87px;
		height: 50px;
	}
	DIV.graphicBattery {
		width: 180px;
		height: 80px;
	}
	DIV.graphicBattery DIV {
		width: 100px;
		height: 80px;
	}
	DIV.balloonRight, DIV.balloonLeft {
		width: 76px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 18px;
		font-weight: bolder;
	}
	DIV.balloonRight {
		padding-right: 11px;
	}
	DIV.balloonLeft {
		padding-left: 11px;
	}
	A.graphicArrow {
		display: block;
		width: 20px;
		height: 18px;
		background-position: left top;
		background-repeat: no-repeat;
	}
	A.graphicArrow:hover {
		background-position: left center;
	}
	A.graphicArrow:focus, A.grahpicArrow:active {
		background-position: left bottom;
	}
	DIV.stripElement {
		float:left;
		height: 24px;
	}
	DIV.stripElement DIV {
		float:left;
		height: 24px;
	}
	DIV.stripElement DIV.left {
		width: 5px;
	}
	DIV.stripElement DIV.tile {
		line-height: 24px;
	}
	DIV.stripElement DIV.right {
		width: 11px;
	}
	DIV.segmentMedium A, DIV.segmentMedium SPAN, DIV.segmentMini A, DIV.segmentMini SPAN {
		display: block;
		height: 26px;
		line-height: 26px;
		float: left;
	}
	DIV.segmentMedium {
		width: 350px;
	}
	DIV.segmentMini {
		width: 100px;
	}
	DIV.segmentMedium A.segmentLeft, DIV.segmentMedium A.segmentRight {
		width: 175px;
	}
	DIV.segmentMini A.segmentLeft, DIV.segmentMini A.segmentRight {
		width: 50px;
	}
	DIV.segmentMedium A.segmentLeft SPAN.center, DIV.segmentMedium A.segmentRight SPAN.center  {
		width: 156px;
	}
	DIV.segmentMini A.segmentLeft SPAN.center, DIV.segmentMini A.segmentRight SPAN.center  {
		width: 31px;
	}
	A.segmentLeft SPAN, A.segmentRight SPAN {
		background-position: center top;
		font-size: 12px;
		font-weight: bolder;
		color: #fff;
	}
	A.segmentLeft:hover, A.segmentRight:hover {
		text-decoration: none !important;	
	}
	A.active SPAN, A.active SPAN {
		background-position: center bottom !important;
	}
	A.segmentLeft:hover SPAN, A.segmentRight:hover SPAN {
		background-position: center center !important;
	}
	A.segmentLeft SPAN.left {
		width: 14px;
	}
	A.segmentLeft SPAN.center {
		text-align: center;
	}
	A.segmentLeft SPAN.right {
		width: 5px;
	}
	A.segmentRight SPAN.left {
		width: 5px;
	}
	A.segmentRight SPAN.center {
		text-align: center;
	}
	A.segmentRight SPAN.right {
		width: 14px;
	}
	
/**
 * impulsScanner
 */
	DIV#impulsScanner TD.info {
		width: 270px;
		height: 140px;	
	}
	DIV#impulsScanner TD.scan {
		width: 200px;
		height: 140px;	
	}
	DIV#impulsScanner TD.scan A {
		margin-left: 65px;
	}
	DIV#impulsScanner TD.result SPAN {
		line-height: 30px;
	}
	DIV#impulsScanner TD.info SPAN {
		line-height: 60px;
		margin-left: 18px;
	}
	DIV#impulsScanner TD H1 {
		line-height: 30px;
	}
	DIV#impulsScanner DIV.scanRange {
		width: 80px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV#impulsScanner TD.result {
		width: 330px;
		height: 180px;	
	}
/**
 * directionScanner
 */
	DIV#directionScanner TD.info {
		width: 270px;
		height: 140px;	
	}
	DIV#directionScanner TD.result SPAN {
		line-height: 30px;
	}
	DIV#directionScanner TD.info SPAN {
		line-height: 60px;
		margin-left: 18px;
	}
	DIV#directionScanner TD H1 {
		line-height: 30px;
	}
	DIV#directionScanner DIV.scanRange {
		width: 80px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV#directionScanner TD.result {
		width: 330px;
		height: 180px;	
	}
/**
 * research center
 */		
 	DIV.dividerContent {
 		margin-left: -27px;
 		width: 814px;
		height: 2px;
 	}
	TABLE.toggleTable TR TD H1 {
		padding: 0px;
		margin: 0px;
	}
	TABLE.toggleTable TR TD {
		padding: 2px;
	}
	TABLE.toggleTable TR TD DIV.researchPoints {
		width: 120px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		background-position: -380px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV.extraTable {
		float:left;
		margin-left: -27px;
	}
	DIV.extraTable DIV.fleetTable {
		padding-left: 2px;
		border-right: 0 !important;
		border-bottom: 0;
		width: 811px !important;
	}
	DIV.extraTable DIV.fleetTable TABLE {
		border-right: 1px solid #25282c;
		width: 806px !important;
	}
	DIV.extraTable DIV.fleetTable TABLE TR TD {
		padding: 0px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	DIV.extraTable DIV.fleetTable TABLE TR TH {
		padding: 0px;
		height: 20px;
		line-height: 20px;	
	}
	DIV.extraTable DIV.fleetTable TABLE TR TD.spacer {
		height: 2px !important;
		line-height: 2px !important;
		font-size: 2px;
		background-color: transparent !important;
		background-position: left top;
		background-repeat: no-repeat;
		border-left: 1px solid #343a3d;
		padding: 0px;
	}
	DIV.extraTable DIV.fleetTable TABLE TR TD.p0 {
		padding: 0px !important;
	}
	DIV#researchCenter DIV.bar {
		margin-top: 4px;
		margin-left: 10px;
		float:left;
		height: 22px;
	}
	DIV#researchCenter DIV.bar DIV {
		margin-right: -1px;
		float:left;
		width: 11px;
		height: 22px;
		background-position: 0px 0px;
	}
	DIV#researchCenter DIV.bar DIV.active {
		background-position: -11px 0px;
	}
	DIV#researchCenter A.helpIcon {
		margin-top: 5px;
		margin-right: 5px; 
	}
/**
 * storage
 */
	DIV#storage TD.adjust {
		width: 420px;
		height: 50px;
	}
	DIV#storage DIV.resource {
		width: 32px;
		height: 32px;
		margin-right: 2px;
	}
	DIV#storage DIV.resourcePercentage {
		width: 85px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;		
	}
	DIV.fullCountdown {
		width: 249px;
		height: 50px;
		line-height: 50px;
		background-position: -300px 2px;
		background-color: #000;
		padding-right: 30px;
		padding-left: 30px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;		
	}
	DIV#storage DIV.slideContainerHorizontal {
		margin-left: 32px;
	}
/**
 * Production
 */
	DIV#production DIV.info {
		width: 150px;
		height: 90px;
		padding-top : 40px;
		text-align: center;
	}
/**
 * alliance
 */
	IMG.raceIcon {
		width: 7px !important;
		height: 7px !important;		
	}
/**
 *
 */
	DIV#directionScanner TD.info {
		width: 440px;
		height: 150px;
	}
	DIV#directionScanner TD.info DIV.left {
		padding-top: 20px;
		padding-left: 30px;
		float:left;
		width: 170px;
		height: 120px;
		text-align: left; 
	}
	DIV#directionScanner TD.info DIV.right {
		padding-top: 20px;
		padding-right: 30px;
		float:right;
		width: 170px;
		height: 120px;
		text-align: left; 
	}
	DIV#directionScanner TD.info DIV.right INPUT.textMini {
		float:left;
		text-align: center;
	}
	DIV#directionScanner TD.scan {
		padding-left: 70px;
		width: 130px;
		height: 150px;
	}
	DIV#directionScanner TD.info DIV.left DIV.scanRange {
		margin-top: 20px;
		width: 80px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
/**
 * reports
 */

	DIV#reports {
		background-color: #000;
	}
	DIV#reports DIV.report {
		border-left: 1px solid #2B2F33;
		border-right: 1px solid #131517;
		margin-top: 1px;
		margin-bottom: 3px;
		background-repeat: no-repeat;
		padding: 30px 75px 30px 70px;
	}
	DIV#reports P {
		margin-bottom: 20px;
		line-height: 16px;
	}
	DIV#reports DIV.report TABLE {
		border-collapse: collapse;
		margin-bottom: 35px;
	}
	DIV#reports DIV.report TABLE.fleet {
		width: 100%;
	}
	DIV#reports DIV.report TABLE.defence {
		width: 100%;
	}
	DIV#reports DIV.report TABLE.resources {
		width: 186px;
	}
	DIV#reports DIV.report TABLE TD {
		border: 1px solid #2B2F33;
		padding: 5px 0px;
		line-height: 32px;
	}
	DIV#reports DIV.report TABLE TH {
		border: 1px solid #2B2F33;
		padding: 5px;
	}
	DIV#reports DIV.report TABLE TH.big {
		font-size: 12px;
	}
	DIV#reports DIV.report TABLE TH.small {
		font-size: 10px;
	}
	DIV#reports IMG.resource {
		width: 32px;
		height: 32px;
	}
	DIV#reports UL.info {
		line-height: 14px;
		list-style-type: disc;
	}
	DIV#reports UL.info LI { 
		margin-left: 20px;
	}
/**
 *
 */
	DIV#lair TD.info {
		width: 370px;
		height: 102px;
	}
	DIV#lair TD.info SPAN {
		display: block;
		line-height: 30px;
	}
	DIV#lair TD.info DIV.part {
		height: 30px;
		padding : 0px 20px;
	}
	DIV#lair TD.info DIV.slots {
		float:right;
		width: 90px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV#lair DIV.fleetTable {
		width: 723px !important;
	}
	DIV#lair DIV.fleetTable TABLE {
		width: 721px;
	}
	DIV#lair DIV.fleetTable TH {
		padding-left: 20px;
		text-align: left;
		height: 40px;
		line-height: 40px;
	}
	DIV#lair DIV.fleetTable A.graphicArrow {
		margin-left: 15px;
	} 
/**
 *
 */
	DIV#transmitter TD.adjust {
		width: 420px;
		height: 50px;
	}
	DIV#transmitter TD.storage {
		width: 240px;
		height: 190px;
	}
	DIV#transmitter DIV.resourcePercentage {
		width: 85px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;		
	}
	DIV#transmitter DIV.slideContainerHorizontal {
		margin-left: 32px;
	}
	DIV#transmitter DIV.fleetTable {
		width: 230px !important;
		background-position: -250px 2px;
		border-left: 2px solid #000;
	}
	DIV#transmitter DIV.fleetTable TABLE TD {
		border: 0 !important;
	}
	DIV#transmitter DIV.batteryLoad  {
		margin-top: 46px;
		margin-left: 15px;
		width: 150px;
		height: 33px;
		line-height: 33px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV#transmitter DIV.storageLoad  {
		margin-left: 60px;
		width: 120px;
		height: 33px;
		line-height: 33px;
		text-align: center;
		background-position: -410px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
/**
 * Market
 */
 	DIV#market DIV.directMarket {
 		margin-left: 20px;
 	}
	DIV#market DIV.directMarket TD.choice {
		width: 420px;
		height: 235px;
	}
	DIV#market DIV.directMarket TD.choice TABLE TD {
		padding: 5px;
	}
	DIV#market DIV.sellMarket TABLE.insert TD {
		padding: 5px;
	}
	DIV#market DIV.sellMarket DIV.transportReduction  {
		width: 220px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		background-position: -330px 2px;
		background-color: #000;
		padding-right: 1px;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		border-right: 1px solid #181919;
	}
	DIV#market DIV.directMarket TD.resources {
		width: 270px;
		height: 130px;
	}
	DIV#market DIV.sellMarket TD.choice TABLE TD {
		padding: 5px;
	}
	DIV#market DIV.directMarket TD.informations {
		width: 240px;
		height: 80px;
		padding: 15px;
	}
	DIV#market DIV.buyMarket TD.filter {
		width: 750px;
		height: 80px;
	}
	DIV#market DIV.buyMarket TD.filter UL.filter LI {
		margin: 0px;
		margin-right: 5px;
		font-size: 10px;
	}
	DIV#market TD DIV.resource {
		padding-left: 35px;
		height: 35px;
		line-height: 32px;
	}
/**
 * fonts
 */
	.fontCalibri {
		/*font-family: Calibri;*/
		font-family: Tahoma, Verdana, sans-serif;
	}
	.fontArial {
		font-family: Arial;
	}
	.fontNormal {
		font-weight: 100;
	}
	.fontBold {
		font-weight: bold;
	}
	.fontSize10 {
		font-size: 10px !important;
	}
	.fontSize11 {
		font-size: 11px !important;
	}
	.fontSize12 {
		font-size: 12px;
	}
	.fontSize14 {
		font-size: 14px;
	}
	.fontSize16 {
		/*font-size: 16px;*/
		font-size: 16px;
	}
	.fontSize18 {
		font-size: 18px;
	}
	.fontSize20 {
		/*font-size: 20px;*/
		font-size: 16px;
	}
	.fontSize22 {
		/*font-size: 20px;*/
		font-size: 22px;
	}
	.fontSize23 {
		/*font-size: 20px;*/
		font-size: 23px;
	}
	.fontSize38 {
		font-size: 38px;
	}
	.fontLeft {
		text-align: left !important;
	}
	.fontRight {
		text-align: right;
	}
	.fontCenter {
		text-align: center !important;
	}
	.fontJustify {
		text-align: justify;
	}
	.fontWeight100 {
		font-weight: 100;
	}
	.fontWeight200 {
		font-weight: 200;
	}
	.fontWeight300 {
		font-weight: 300;
	}
	.fontWeight400 {
		font-weight: 400;
	}
	.fontWeight500 {
		font-weight: 500;
	}
	.fontWeight600 {
		font-weight: 600;
	}
	.fontWeight700 {
		font-weight: 700;
	}
	.fontWeight800 {
		font-weight: 800;
	}
	.fontWeight900 {
		font-weight: 900;
	}
/**
 * position classes
 */
	.floatLeft {
		float: left !important;
	}
	.floatRight {
		float: right !important;
	}
	.clearBoth {
		height: 1px;
		clear : both;
	}
	.clearLeft {
		clear : left;
	}
	.clearRight {
		clear : right;
	}
	.margin0 {
		margin: 0px !important;
	}
	.marginRight15 {
		margin-right: 15px;
	}
	.marginRight10 {
		margin-right: 10px;
	}
	.marginRight5 {
		margin-right: 5px;
	}
	.marginLeft15 {
		margin-left: 15px;
	}
	.padding5  {
		padding: 5px;		
	}
/**
 * background position
 */
	.bgCenter {
		background-position: center;
	}
	.bgCenterTop {
		background-position: center top;
	}
	.bgRight {
		background-position: top right;
	}
	.bgBottom {
		background-position: bottom;
	}
	.bgBottomCenter {
		background-position: center bottom;
	}
	.bgCenterRight {
		background-position: right center;
	}
	.bgCenterLeft {
		background-position: left center;
	}
	.bgYRepeat {
		background-repeat: repeat-y;
	}
	.bgNoRepeat {
		background-repeat : no-repeat;
	}
	.noBackgroundImage {
		background-image: none;
	}
/**
 * Font settings
 */
	.colorLightGrey {
		color: #8e9498 !important;
	}
	.colorMedGrey {
		color: #7c8083;
	}
	.colorDarkGrey {
		color: #454c52 !important;
	}
	.colorGrey {
		color: #b2b4bc !important;
	}
	.colorWhite {
		color: #ffffff;
	}
	.colorRed {
		color: #e70a0a;
	}
	.colorYellow {
		color: #c5b511;
	}
	.colorGreen {
		color: #118811;
	}
	.colorError {
		color: #d40a0a !important;
	}
	.lineHeight16 {
		line-height: 16px;
	}
	.colorRace1 {
		color: #ffd800;
	}
	.colorRace2 {
		color: #2595fe;
	}
	.colorRace3 {
		color: #5aff00;
	}
	.colorBlink {
		text-decoration: blink;
	}
/**
 * background colors
 */
	.backgroundGrey {
		background-color: #343638;
	}
	.opacity70 {
		opacity : 0.3;
	}
/**
 * cursor
 */
	.cursorDefault {
		cursor : default;
	}	
	.cursorPointer {
		cursor : pointer;
	}
	.cursorHelp {
		cursor : help;
	}
/**
 * borders
 */
	.borderAll {
		border: 1px solid #f00;
	}
	
	.borderNone {
		border: 0 !important;
	}
/**
 * width height
 */
	.width450 {
		width: 450px;
	}
/**
 * spacer
 */
	.spacer3 {
		height: 3px;
	}
	.spacer10 {
		height: 10px;
	}
	.spacer15 {
		height: 15px;
	}
	.spacer20 {
		height: 20px;
	}
	.spacer40 {
		height: 40px;
	}
/**
 * Menus
 */
	DIV#head UL LI, DIV#footer UL LI {
		float: left;
		margin-left: 8px;
	}
	DIV#head UL LI A.logout, DIV#head UL LI A.lock {
		margin-top: 7px;
		padding-left: 16px;
		height: 15px;
		line-height: 15px;
		background-position: left 0px;
		display: block;
	}
	DIV#head UL LI A.logout:hover {
		background-position: left -15px;
	}
	DIV#head UL LI A.lock SPAN {
		margin-left: 3px;
	}
/**
 * Ships
 */
	.shipBig {
		width: 650px;
		height: 300px;
		background-repeat: no-repeat;
	}	